Debug-Bootstrap modal


Posted by mijouhsieh on 2023-03-24

串接API,並使用Bootstrap套件 V5.1,顯示modal元件
Bootstrap Modal
debug-Modal-Bootstrapv5.1


2個重點:

按鈕data-bs-toggle = "modal" 按了button會跳出視窗
對應 => modal元件 class="modal"

按鈕data-bs-target = "movie-modal" 決定跳出來的視窗是哪個
對應 => modal元件 id="movie-modal"
值要字串不可以是數字

<button data-bs-target="#movie-modal" 
       data-bs-target=" #字串!!!不可以是#1數字 " 
...>
//對應
<div id="movie-modal" 
     id="字串!!!" //id="1"沒用>

#debug #bootstrap-modal #Bootstrap #modal







Related Posts

GoDaddy SSL 憑證購買及安裝在 Sails.js

GoDaddy SSL 憑證購買及安裝在 Sails.js

[Cellular Network  Study]

[Cellular Network Study]

[JavaScript] 用 Jest 做單元測試

[JavaScript] 用 Jest 做單元測試


Comments